<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>


  <script src="./utils.js"></script>
  <script>
    /*
      随机验证码
    */

    // 1. 六位随机验证码(纯数字)
    // 方案1: 六个 0 ~ 9 的数字拼接在一起
    // var str = ''
    // for (var i = 0; i < 6; i++) {
    //   str += randomNum(9)
    // }
    // console.log(str)
    // 方案2: 一个随机小数, 从后面截取六位
    // var res = (Math.random() + '').slice(-6)
    // console.log(res)

    // 2. 六位随机验证码(数字 + 字母)
    // var str = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
    // // 只要按照字符串索引出现随机数
    // var res = ''
    // for (var i = 0; i < 6; i++) {
    //   res += str[randomNum(61)]
    // }
    // console.log(res)

    // 3. 六位随机验证码(数字 + 字母)(不重复)
    var str = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
    // 只要按照字符串索引出现随机数
    var res = ''
    // for (var i = 0; i < 6; i++) {
    //   // 拼接之前判断一下 res 内是否有这个内容了
    //   var s = str[randomNum(61)]
    //   if (res.indexOf(s) !== -1) {
    //     i--
    //     continue
    //   }
    //   res += s
    // }

    while (res.length < 6) {
      var s = str[randomNum(61)]
      if (res.indexOf(s) !== -1) continue
      res += s
    }

    console.log(res)
  </script>
</body>
</html>
